﻿          body 
          {
          	background: url(../Images/tpl_bg.gif);
            color: #222;
            font-family: Arial, Tahoma, Verdana, sans-serif;
            font-size: 12px;
            height: 100%;
            margin: 0;
            padding: 0;
            text-align: center;
            overflow: hidden;
          }
          
         /* for internet explorer */
          * html body { padding:120px 0 50px 0; }
          
          /* Header */
          #header {
            background: #222;
            border-bottom: 5px solid #333;
            color: #fff;
            height: 120px;
            line-height: 120px;
            text-align: center;
            position: absolute;
            padding: 0;
            top: 0;
            left: 0;
            width: 100%;
          }
          
          #logo {
				width: 1000px;
				height: 90px;
				margin: 0 auto;
				background-color:White;
			}

			#menu {
				width: 1000px;
				margin: 0 auto;
				padding: 0;
				height: 30px;
				position: relative;
				top: 0px;
				left: 0px;

			}

			#menu ul 
			{
				margin: 0;
				padding: 0;
				list-style: none;
				width:100%;
				overflow: hidden;
			}

			#menu ul li 
			{
				width:25%;
				display: inline;
				float:left;
			}

			#menu ul li a 
			{
				line-height: 30px;
				height: 28px;
				display: block;
				font-weight: bold;
				text-align: center;
				color: #a95a02;
				border: 1px solid #f0b43c;
				background: url(../Images/menu.gif) repeat-x;
			}

			#menu a:hover {
				color: #FFFFFF;
			}

			#menu .current_page_item a {
				color: #FFFFFF;
			}

			#menu .first {
				background: none;
			}
 
          #header h1 {
            font-size: 200%;
            margin: 0;
            text-transform: uppercase;
          }
          
          /* Content */
          #content {
            position: fixed;
            top: 120px;
            left: 0;
            bottom: 50px;
            margin: 0 auto;
            padding: 20px;
            text-align: left;
            overflow: auto;
          }
          
         * html #content {
          height:100%; 
          width:100%; 
          }
          #wrapper {
			}
          
          #page {
				width: 1000px;
				margin: 0 auto;
				background-color:White;
			}

			#page-bg 
			{
				padding: 20px 10px;
			}
          /* Footer */
          #footer {
            background: #222;
            border-top: 5px solid #333;
            color: #ccc;
            font-weight: bold;
            height: 70px;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            text-align: center;
          }
          .headerbar{
				font: bold 15px Arial;
				background: url(../Images/menu.gif) repeat-x;
				padding: 50px 0 4px 15px;
				width: 5px;
				color: black;
				text-align:center;
				text-transform: uppercase;
				margin-bottom: 10px;
				padding: 4px 0 4px 15px;
			} 
			.divOnTop
			{
				color:#FFFFFF;
				left:0px;
				height:26px;
				width:100%;
				background-color:Blue;
				/* Text Always Center */
				line-height:26px;
				/* position on bottom */
				bottom: 0px;
					/* Thay: bottom: 0px; = top: 0px; neu muon o tren dau trang */
				position: fixed;
				z-index: 100;
				/* transparent background */
				opacity:.75;
				/*filter: alpha(opacity=75);*/ 
				-moz-opacity: 0.75; 
			}
